<div class="table-header" [ngClass]="{'table-header-ov':tabVal?.length>=10}">
  <table class="table table-bordered table-header">
    <thead>
      <tr>
        <td class="w5 text-center">
          <input type="checkbox" #event (click)="selectAll(event.checked, tabVal)" [checked]="isSelectAll">
        </td>
        <td class="w5 text-center">
          <!-- 未读<img width="0px;" src="assets/right-product/unread.png"> -->
        </td>
        <td class="w5 text-center">序号</td>
        <td class="w20 text-left">订单号</td>
        <td class="w20 text-left">客户名称</td>
        <td class="w10 text-left">创建用户</td>
        <td class="w20 text-left">创建时间</td>
        <!-- <td class="w15 text-left">到期时间</td> -->
        <td class="w15 text-left">订单状态</td>
      </tr>
    </thead>
  </table>
</div>
<div class="table-body">
  <table class="table table-bordered table-header overflow-table">
    <tbody class="no-border" *ngIf="tabVal">

      <tr *ngFor="let val of tabVal; let i = index;" [ngClass]="{'active':i%2!=0}">
        <td class="w5 text-center" *ngIf="val.orderProcesses != null">
          <!-- <span class="point" *ngIf="val.push_status == 0"></span> -->
          <input type="checkbox" #event (click)="chose(event.checked, val.push_message_id, val.length)" [checked]="isChose" style="margin-top: 11px;">
        </td>
        <td class="w5 text-center" (click)="updatePushStatus(val,0)">
          <!-- <span class="point" *ngIf="val.push_status == 0"></span>  -->
          <img width="34px" *ngIf="val.push_status == 0" height="34px" src="assets/right-product/unread.png">
        </td>
        <td class="w5 text-center" (click)="updatePushStatus(val,0)">
          <p class="details-p">{{tableNumber+i+1}}</p>
        </td>
        <td class="w20 text-left" (click)="updatePushStatus(val,0)">
          <p class="details-p" *ngIf="val.orderProcesses != null">{{val.orderProcesses?.orderId}}</p>
        </td>
        <td class="w20 text-left" (click)="updatePushStatus(val,0)">
          <p class="details-p" *ngIf="val.orderProcesses != null">{{val.orderProcesses.institutionName}}</p>
        </td>
        <td class="w10 text-left" (click)="updatePushStatus(val,0)">
          <p class="details-p" *ngIf="val.orderProcesses != null">{{val.orderProcesses.userName}}</p>
        </td>
        <td class="w20 text-left" (click)="updatePushStatus(val,0)">
          <p class="details-p" *ngIf="val.orderProcesses != null">{{val.orderProcesses.processDate | date:'yyyy-MM-dd HH:mm:ss'}}</p>
        </td>
        <!-- <td class="w15 text-left">
                    <p class="details-p">{{val.endTime}}</p>
                  </td> -->
        <td class="w15 text-left" *ngIf="val.orderProcesses != null" (click)="updatePushStatus(val,0)">
          <p class="details-p text-warning" *ngIf="val.orderProcesses?.orderStatus == 0">
            <strong>待安装</strong>
          </p>
          <p class="details-p text-warning" *ngIf="val.orderProcesses?.orderStatus == 1">
            <strong>安装中</strong>
          </p>
          <p class="details-p text-success" *ngIf="val.orderProcesses?.orderStatus == 2">
            <strong>已安装</strong>
          </p>
          <p class="details-p text-danger" *ngIf="val.orderProcesses?.orderStatus == 3">
            <strong>已取消</strong>
          </p>
          <p class="details-p text-danger" *ngIf="val.orderProcesses?.orderStatus == 4">
            <strong>已到期关闭</strong>
          </p>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div style="position:relative">
  <button class="btn btn-fff" [disabled]="removeTableService.getRemoveTableId.length == 0" (click)="updatePushStatus(null,0)"
    style="position: absolute;left: 305px;top: 7px;z-index: 99;">批量已读</button>
  <button class="btn btn-fff" [disabled]="removeTableService.getRemoveTableId.length == 0" (click)="updatePushStatus(null,1)"
    style="position: absolute;left: 400px;top: 7px;z-index: 99;">批量删除</button>
  <!-- <div class="info-bottom"> -->
  <app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
  <!-- </div> -->
</div>